#flightListPage {
    background: $white;
    
    .list {
        padding: 0 4%;
        padding-bottom: 50px;
        > ul > li {
            
            @include border_1px_b($shadow);
            .flightTop {
                height: 0.65rem;
                @include fj();               
                .topLeft {
                    display: flex;
                    text-align: center;
                    .iconfont {
                        font-size: 15px;
                        color: red;
                    }
                    
                    >div{
                        margin-top: 0.15rem;
                        width:20vw;
                        overflow: hidden;
                    }
                    
                    .time{
                        font-size: 18px;
                        font-weight: 600;    
                        .acrossDay{
                            position: relative;
                            top:-4px;
                            color:$red;                            
                        }                    
                    }
                    .midmess{                        
                        width:20vw;
                        margin:0.2rem 0 0;
                        text-align: center;
                        background: url(img/line.png) no-repeat center 20%;
                        p{
                            font-size: 10px;
                        }
                        .interval{
                            color:$gray;
                        }
                        .type{
                            margin-top:3px;
                            color: $blue;
                        }                       
                        .tranformCity,.stopoverCity{
                            color: $blue;
                        }
                        .twoTran{
                            color: $orange;
                        }
                    }
                    .airport{
                        color:$gray;
                        display: flex;  
                        text-align: left;                     
                        >p{
                            font-size: 11px;
                            &:first-child{
                                width:13vw;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                            }
                            
                        }
                    }
                }
                .money {
                    color: $red;
                    font-size: 8px;
                    margin-top: 0.15rem;
                    text-align: right;
                    .directSelling{
                        font-size: 10px;
                        color:$orange;
                    }
                    .dis{
                        background: $orange;
                        border-radius: 2px;
                        display: flex;
                        height:15px;
                        line-height: 17px;
                        .discount{
                            color:$white;                           
                            padding:0 5px;
                            font-size: 10px;
                        }
                        .discountCount{  
                            border:1px solid $orange;
                            font-size: 10px;                         
                            color:$orange;
                            background: $white;
                            padding:0 5px;
                            border-radius: 2px;
                        }
                    }
                    
                }
                .count {
                    font-size: 16px;
                    font-weight: 600;
                }
            }
            .flightBottom{
                .sign{
                    img{
                        width:12px;
                        height:12px;
                        margin-right: 10px;
                        position: relative;
                        top:2px;
                    }
                }
                .share{
                    color:$blue;
                    padding:0 3px;
                }
                .shijian{
                    padding: 5px 0 8px;
                    .iconfont{
                        margin-right:10px;
                        font-size: 12px;
                    }
                    span{
                        font-size: 10px;
                        color:#4c4b58;
                    }
                }
            }
        }
    }
    .footer {
        background: $blue;
        height: 0.5rem;
        width: 100%;
        position: fixed;
        bottom: 0;
        @include fj(space-around);
        align-items: center;
        > div {
            text-align: center;
        }
        .iconfont {
            font-size: 18px;
            color: $white;
        }
        .filterType {
            color: $white;
            height: 0.2rem;
            line-height: 0.2rem;
            font-size: 12px;
            border-radius: 25px;
        }
    }
}
